<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>智慧物流应用平台加油端</title>
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/history.css">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap1">
			<div class="top">
				<div class="top-inner w-m clearfix">
					<div class="left fl">
						<img src="img/logo.png" >
						<span>智慧物流应用平台</span>
					</div>
					<div class="right fr">
						<a href="javascript:;" onclick="tanfa()">无运单开阀</a>
						<a href=""><img src="img/editor.png" > 修改密码</a>
						<a href=""><img src="img/close.png" > 退出</a>
					</div>
				</div>
			</div>
			<div class="nav">
				<div class="w-m clearfix">
					<p class="fl">四川销售成都分公司水碾河加油站</p>
					<p class="fr">
						<a href="index.html">首页</a>
						<a href="history.html" class="on">历史计划</a>
						<a href="guiji.html">轨迹回放</a>
					</p>
				</div>
			</div>
			<div class="main w-m">
				<div class="box1">
					<ul class="clearfix">
						<li>
							<div class="lis lis1 clearfix">
								<div class="bar bar1">92#</div>
								<div class="data">
									<p>16722L</p>
									<p>76%</p>
								</div>
							</div>
							<div class="lis lis2 clearfix">
								<div class="bar bar2">98#</div>
								<div class="data">
									<p>16722L</p>
									<p>76%</p>
								</div>
							</div>
						</li>
						<li>
							<div class="lis lis3 clearfix">
								<div class="bar bar3">95#</div>
								<div class="data">
									<p>16722L</p>
									<p>76%</p>
								</div>
							</div>
							<div class="lis lis4 clearfix">
								<div class="bar bar4">0#</div>
								<div class="data">
									<p>16722L</p>
									<p>76%</p>
								</div>
							</div>
						</li>
						<li>
							<p><img src="img/zr.png" > 昨日销量：1000</p>
							<p><img src="img/yj.png" > 预计销量：1200</p>
							<p><img src="img/sj.png" > 库存可销时长：24天</p>
							<p><img src="img/mr.png" > 明日计划量：1300</p>
						</li>
						<li>
							<p><img src="img/yujin.png" > 预警信息：1</p>
							<p><img src="img/tuoxiao.png" > 脱销预警：1</p>
							<p><img src="img/zaihai.png" > 灾害预警：1</p>
							<p><img src="img/peisong.png" > 配送风险预警：1</p>
						</li>
					</ul>
				</div>
				<div class="box2">
					<div class="search clearfix">
						<p><span>日期</span><input type="date" name="time" id="" value="" /></p>
						<p><span>车牌号</span><input type="text" name="num" id="" value="" /></p>
						<p><span>司机</span><input type="text" name="driver" id="" value="" /></p>
						<p><span>计划号</span><input type="plan" name="time" id="" value="" /></p>
						<p><span>出库</span><input type="ku" name="time" id="" value="" /></p>
						<p><button type="button">查询</button></p>
					</div>
					<div class="table">
						<div class="head">
							<span>序号</span>
							<span class="w1">日期</span>
							<span class="w2">计划号</span>
							<span class="w1">出库</span>
							<span class="w3">品类</span>
							<span class="w3">数量</span>
							<span class="w4">车牌号</span>
							<span class="w1">司机</span>
							<span>更多</span>
						</div>
						<div class="content">
							<p>
								<span>1</span>
								<span class="w1">2020-11-14</span>
								<span class="w2">4332-324234</span>
								<span class="w1">104油库</span>
								<span class="w3">柴油0号</span>
								<span class="w3">10000L</span>
								<span class="w4">川AR1211</span>
								<span class="w1">蔡徐坤</span>
								<span>更多</span>
							</p>
							
							<p>
								<span>1</span>
								<span class="w1">2020-11-14</span>
								<span class="w2">4332-324234</span>
								<span class="w1">104油库</span>
								<span class="w3">柴油0号</span>
								<span class="w3">10000L</span>
								<span class="w4">川AR1211</span>
								<span class="w1">蔡徐坤</span>
								<span>更多</span>
							</p>
							<p>
								<span>1</span>
								<span class="w1">2020-11-14</span>
								<span class="w2">4332-324234</span>
								<span class="w1">104油库</span>
								<span class="w3">柴油0号</span>
								<span class="w3">10000L</span>
								<span class="w4">川AR1211</span>
								<span class="w1">蔡徐坤</span>
								<span>更多</span>
							</p>
							<p>
								<span>1</span>
								<span class="w1">2020-11-14</span>
								<span class="w2">4332-324234</span>
								<span class="w1">104油库</span>
								<span class="w3">柴油0号</span>
								<span class="w3">10000L</span>
								<span class="w4">川AR1211</span>
								<span class="w1">蔡徐坤</span>
								<span>更多</span>
							</p>
							<p>
								<span>1</span>
								<span class="w1">2020-11-14</span>
								<span class="w2">4332-324234</span>
								<span class="w1">104油库</span>
								<span class="w3">柴油0号</span>
								<span class="w3">10000L</span>
								<span class="w4">川AR1211</span>
								<span class="w1">蔡徐坤</span>
								<span>更多</span>
							</p>
							<p>
								<span>1</span>
								<span class="w1">2020-11-14</span>
								<span class="w2">4332-324234</span>
								<span class="w1">104油库</span>
								<span class="w3">柴油0号</span>
								<span class="w3">10000L</span>
								<span class="w4">川AR1211</span>
								<span class="w1">蔡徐坤</span>
								<span>更多</span>
							</p>
						</div>
					</div>
				</div>				
			</div>
			
			<div class="tanfa">
				<div class="inner">
					<div class="left fl">
						<p class="title">当前在站车辆</p>
						<p><input type="radio" name="car" id="car1" value="" /><label for="car1">川AR1211</label></p>
						<p><input type="radio" name="car" id="car2" value="" /><label for="car2">川AR1211</label></p>
						<p><input type="radio" name="car" id="car3" value="" /><label for="car3">川AR1211</label></p>
					</div>
					<div class="right fl">
						<div class="title">阀门操作</div>
						<div class="content">
							<div class="tbox1">
								<div class="b-l">
									<p>当前操作车辆</p>
									<p>川AR1211</p>
								</div>
								<div class="b-r">
									<p>车辆状态</p>
									<p>供电：开/关</p>
									<p>供气：开/关</p>
									<p>状态：在线/离线</p>
								</div>
							</div>
							<div class="tbox2">
								<div class="head">
									<span>阀门编号</span>
									<span>操作</span>
									<span>当前状态</span>
								</div>
								<div class="body">
									<p>
										<span>前仓上阀门</span>
										<span>
											<button type="button">开</button>
											<button type="button">关</button>
										</span>
										<span>
											<i></i>
										</span>
									</p>
									<p>
										<span>前仓上阀门</span>
										<span>
											<button type="button">开</button>
											<button type="button">关</button>
										</span>
										<span>
											<i class="col2"></i>
										</span>
									</p>
									<p>
										<span>前仓上阀门</span>
										<span>
											<button type="button">开</button>
											<button type="button">关</button>
										</span>
										<span>
											<i></i>
										</span>
									</p>
									<p>
										<span>前仓上阀门</span>
										<span>
											<button type="button">开</button>
											<button type="button">关</button>
										</span>
										<span>
											<i class="col2"></i>
										</span>
									</p>
									<p>
										<span>前仓上阀门</span>
										<span>
											<button type="button">开</button>
											<button type="button">关</button>
										</span>
										<span>
											<i></i>
										</span>
									</p>
									<p>
										<span>前仓上阀门</span>
										<span>
											<button type="button">开</button>
											<button type="button">关</button>
										</span>
										<span>
											<i class="col2"></i>
										</span>
									</p>
								</div>
								
							</div>
						</div>
					</div>	
					<div class="closefa"><img src="img/cha.png" onclick="closefa()"></div>
				</div>	
				
			</div>
		</div>
	</body>
<script type="text/javascript">
	function tanfa(){
		$('.tanfa').show()
	}
	function closefa(){
		$('.tanfa').hide()
	}
</script>
</html>